<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>思德网</title>

<!--tab js-->
 <script language="javascript" type="text/javascript" src="${ctx}/static/js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="${ctx.resource}/front_js/jQuery1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	var $tab_li = $('#tab ul li');
	$tab_li.hover(function(){
		$(this).addClass('selected').siblings().removeClass('selected');
		var index = $tab_li.index(this);
		$('div.tab_box > div').eq(index).show().siblings().hide();
	});	
});

function sub(path)
{
   
	 // $('form1').action(path);
    document.committee.action=path;
    document.committee.submit();
 	 
}
</script>

<!--弹出层js-->
<script type="text/javascript" src="${ctx.resource}/front_js/tanchu.js"></script>
<script type="text/javascript" src="${ctx.resource}/front_js/jquery.reveal.js"></script>
</head>

<body>
<div class="os-2015">
<!--  
<script type="text/javascript" src="${ctx.resource}/front_js/header.js"></script> -->
<!-- <iframe src="../public/header.html" width="100%" height="144" frameborder="0">
</iframe>-->
<!--center-->
<jsp:include page="/WEB-INF/include/header_Second.jsp"></jsp:include>
<link rel="stylesheet"  href="${ctx.resource}/front_css/style.css" type="text/css" />
<link rel="stylesheet"  href="${ctx.resource}/css/style.css" type="text/css" />
<link rel="stylesheet"  href="${ctx.resource}/front_css/isweepteam.css" type="text/css" />
<div class="center">
<div class="w">
<div class="center-banner">
<div class="center-people">
<dl>
<dt><img src="${ctx.resource}/images/people.png" width="93" height="93" /></dt>
<dd>
<p><%=request.getSession().getAttribute("username") %> 你好!</p>
<% String uname=request.getSession().getAttribute("username").toString(); %>
<p><a href=""><img src="${ctx.resource}/images/center-button01.jpg" /></a></p>
</dd>
</dl>
</div>
</div>
<div class="center-main">
<div class="center-tab">
<div class="tabbox" id="statetab">
			<ul class="tabbtn">
				<li class="current"><a href="${ctx}/userInfo/userProInfo">我的项目</a></li>
			</ul><!--tabbtn end-->
			<div class="tabcon">
          <dl>
          <dt><b style="margin-left: 30px;"><img src="/seededu/static/images/img09.jpg"></b></dt>
         <dd>
<%@ include file="/WEB-INF/jsps/front_ISWEEP/include_ISWEEP_Subproinfo.jsp"%> 
          </dd>
          </dl>
          <div style=" clear:both"></div>
     <div class="tabcon2">
        <div class="tabcon2_left">
       <%@ include file="/WEB-INF/jsps/front_ISWEEP/include_ISWEEP_Menu.jsp"%> 
     </div>
     

     
     <div class="tabcon2_right">
     <div class="tabcon2_right_tit">
     <span>组队</span>
     </div>
       <div class="tabcon2_right_txt">
       
<%@ include file="/WEB-INF/jsps/front_ISWEEP/include_ISWEEP_Attachment.jsp"%> 
 <div class="page-content">
 
 	<p><input type="button"  value="解散队伍"   onclick="window.location.href ='${ctx}/isweepfront/${spid}/${stepid}/${uid}/${team.teamid}/dismissTeam';"/></p>
 
	<p><label>队伍编号:</label>  <b>${team.teamid}</b></p>
	<p><label>队伍人数:</label><b>${team.num}</b></p>
	<p><label>状态: </label><b><c:if test="${team.num < 3}" > 组队中 </c:if> <c:if test="${team.num >= 3}" > 队伍已满 </c:if></b>	</p>
	
	
 
  <table class="listtable">
  <caption>本队人员:</caption>
   <tr class="listheader">
    <td width="10%">队员名字</td>
    <td width="10%">身份</td>
    <td width="10%">手机号</td>
    <td width="10%">QQ</td>
    <td width="10%">邮箱</td>
    <td width="10%">操作</td>
    </tr>
	   <c:forEach items="${team.ulist}" var="u" >
	    <tr>
		    <td>${u.user.name }</td>
		    <td><c:if test="${u.isleader == 1 }" >队长</c:if>
		    	<c:if test="${u.isleader == 0 || u.isleader == null}" >队员</c:if>
		    </td>
		    <td>${u.user.cellPhone }</td>
		    <td>${u.user.QQ }</td>
		    <td>${u.user.email }</td>
		    <td>
		    <c:if test="${u.isleader == 0 || u.isleader == null}" > <a onclick='{if(confirm("您确定踢出这个学生吗?")){return true;}return false;}' href="${ctx}/isweepfront/${spid}/${stepid}/${u.user.uid}/${team.teamid}/removeUserToTeam">踢出队伍</a></c:if>
		    </td>
		</tr>
       </c:forEach>
  </table>      
</div>

<div class="page-content">
  <table class="listtable">
  <caption>本校人员:</caption>
   <tr class="listheader">
    <td width="10%">姓名</td>
    <td width="10%">组队状态</td>
    <td width="10%">手机号</td>
    <td width="10%">QQ</td>
    <td width="10%">邮箱</td>
    <td width="10%">操作</td>
    </tr>
	   <c:forEach items="${ulist}" var="u" >
	    <tr>
		    <td>${u.user.name }</td>
		    <td><c:if test="${u.isleader == 1 && u.team.teamid!= 0 }" >队长</c:if>
		    	<c:if test="${u.isleader == 0 && u.team.teamid!= 0 }" >队员</c:if>
		    	<c:if test="${u.team.teamid == 0||u.team.teamid==null }" >未组队</c:if>
		    </td>
		    <td>${u.user.cellPhone }</td>
		    <td>${u.user.QQ }</td>
		    <td>${u.user.email }</td>
		    <td>
		        <c:if test="${(u.team.teamid == 0||u.team.teamid==null) && team.num < 3}" ><a onclick='{if(confirm("您确定拉这个学生吗?")){return true;}return false;}' href="${ctx}/isweepfront/${spid}/${stepid}/${u.user.uid}/${team.teamid}/addUserToTeam">拉入队伍</a> </c:if>
		    </td>
		</tr>
       </c:forEach>
  </table>      
</div>
		<c:if test="${ stepid == CurStep }">
		<a onclick='{if(confirm("您确定跳到下一步吗?")){return true;}return false;}' href="${ctx}/isweepfront/${spid}/${stepid}/toNextStep">跳到下一流程</a>
		</c:if>
<script type="text/javascript" src="${ctx.resource}/front_js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">

//ajax 选项卡
$('#ajaxtab .tabbtn li a').click(function(){
	var thiscity = $(this).attr("href");
	$("#ajaxtab .loading").ajaxStart(function(){
		$(this).show();
	}); 
	$("#ajaxtab .loading").ajaxStop(function(){
		$(this).hide();
	}); 
	$('#ajaxtab .tabcon').load(thiscity);
	$('#ajaxtab .tabbtn li a').parents().removeClass("current");
	$(this).parents().addClass("current");
	return false;
});
$('#ajaxtab .tabbtn li a').eq(0).trigger("click");

//tab plugins 插件
$(function(){
	
	//选项卡鼠标滑过事件
	$('#statetab .tabbtn li').mouseover(function(){
		TabSelect("#statetab .tabbtn li", "#statetab .tabcon", "current", $(this))
	});
	$('#statetab .tabbtn li').eq(0).trigger("mouseover");
	
	//选项卡鼠标滑过事件
	$('#clicktab .tabbtn li').click(function(){
		TabSelect("#clicktab .tabbtn li", "#clicktab .tabcon", "current", $(this))
	});
	$('#clicktab .tabbtn li').eq(0).trigger("click");

	function TabSelect(tab,con,addClass,obj){
		var $_self = obj;
		var $_nav = $(tab);
		$_nav.removeClass(addClass),
		$_self.addClass(addClass);
		var $_index = $_nav.index($_self);
		var $_con = $(con);
		$_con.hide(),
		$_con.eq($_index).show();
	}
	
});

</script>
</div>

</div>
</div>
</div>
<div style=" clear:both"></div>
<div style="height:30px;"></div>
<iframe src="${ctx}/include/footer_Index.jsp" width="100%" height="510" frameborder="0" />
</div>
</body>
</html>















